<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>17-行内元素转为行内块元素-案例</title>
		<style type="text/css">
			/* 
				需求：让span元素有固定宽和高，排成一行，设置背景图
			*/
		   span{
			   width:100px;
			   height:100px;
			   display: inline-block;
			   border:1px solid red;
			   background: url(images/1.jpg) no-repeat 0 10px;
		   }
		   
		</style>
	</head>
	<body>
		<span>小哥哥</span>
		<span>小姐姐</span>
		<span>小妹妹</span>
	</body>
</html>
